<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商品分类</title>
  <link rel="stylesheet" href="../../css/media.css">
  <!-- <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css"> -->
  <link rel="stylesheet" href="../../css/font-style.css">
  <link rel="stylesheet" href="../../css/base.css">
  <link rel="stylesheet" href="../../css/goodList.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="javascript:;">
      <img src="../../images/header_logo.png" alt="">
    </a>
    <!-- 头部中间文字，看需求 -->
    <!-- <span>头部</span> -->
    <a href="javascript:;">
      <img src="../../images/header_app.png" alt="">
    </a>
  </header>
  <!-- 搜索栏 -->
  <div class="search">
    <input type="text" placeholder="请输入你想比价的商品">
    <a href="javascript:;">搜索</a>
  </div>
  <!-- 中间内容 -->
  <div class="lkf_content">
    <!-- 面包屑 -->
    <div class="lkf_con_title">
      <ul>
        <li><a href="../../index.html">首页</a><span class="icon-arrow-right"></span></li>
        <li><a href="../classificationPage/classificationPage.html">全部分类</a><span class="icon-arrow-right"></span></li>
        <!-- <li>电视</li> -->
      </ul>
      <span class="searchBtn">筛选</span>
    </div>
    <!-- 主要内容 -->
    <div class="lkf_con_main">
      <a href="javascript:;">
        <div class="lkf_main_img">
        </div>
        <div class="lkf_main_content">
          <div class="lkf_main_con_title">乐视乐视乐视乐视乐视乐视乐视乐视乐视</div>
          <div class="lkf_main_con_price">￥3266.00</div>
          <div class="lkf_main_con_info">
            <span class="price">报价(5)</span>
            <span class="comments">评论(1899)</span>
          </div>
        </div>
      </a>

    </div>
    <!-- 分页按钮 -->
    <div class="lkf_pagination">
      <span class="lkf_prev">上一页</span>
      <select class="lkf_device" name="" id="">
        <!-- <option value="1">1/3</option>
        <option value="1">2/3</option>
        <option value="1">3/3</option> -->
      </select>
      <span class="lkf_next">下一页</span>
    </div>
  </div>
  <!-- 底部 -->
  <footer>
    <div class="foot_tool">
      <a href="javascript:;">登录</a>
      <a href="javascript:;">注册</a>
      <a href="javascript:;">返回顶部</a>
    </div>
    <div class="foot_content">
      <a href="javascript:;">手机APP下载
        <span>慢慢买手机版</span>
      </a>
      <span>--掌上比价平台</span>
      <p>m.manmanbuy.com</p>

    </div>
  </footer>
</body>
<script src="../../lib/zepto/zepto.js"></script>
<script src="../../lib/template/template.js"></script>
<script src="../../js/goodList.js"></script>
<!-- 渲染列表模板 -->
<script type="text/template" id="listTem">
  {{each result as val key}}
  {{each name as value index}}
  <a href="../details/details.html?id={{val.productId}}&name={{value.title}}">
  {{/each}}
      <div class="lkf_main_img">
        {{val.productImg}}
      </div>
      <div class="lkf_main_content">
        <div class="lkf_main_con_title">{{val.productName}}</div>
        <div class="lkf_main_con_price">{{val.productPrice}}</div>
        <div class="lkf_main_con_info">
          <span class="price">{{val.productQuote}}</span>
          <span class="comments">{{val.productCom}}</span>
        </div>
      </div>
    </a>
  {{/each}}
</script>

</html>